<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>初学JQuery</title>
	</head>
	<script type="text/javascript" src="jquery-3.1.4.js">
		
	</script>
	<body>
		用户名：<input type="text" id="username" name="username1" value="你好鸭，我是JQuery"/>
		<input type="button" value="测试jquery"/>
		<script type="text/javascript">
			// 调用JQuery 调用方法，# + 标签内的属性id名
			var usEle = $("#username");
			var usEle1 = $("#username1");// 此句错误，不是name而是id
			// 获取标签的属性value值
			var usValue = usEle.val();
			var usValue1 = usEle1.val();// 上面调用失败下面自然而然就是undefined
			// 打印value值
			alert(usValue);
			alert(usValue1);
		</script>
	</body>
</html>
